 @charset "utf-8";
/* CSS Document */
/*公共样式*/
body,div,h1,h2,h3,h4,h5,h6,p,ul,li,ol,dl,dt,dd,a,img,textarea,input,span,button{margin:0;padding:0;list-style:none; border:0;}
img{display:block; border:none; width:100%;}
html, body { width: 100%; height: 100%; background:#f7f7f7; overflow-x:hidden;}
body{color:#262626;font-size:14px; font-family:"微软雅黑","黑体","宋体"; }

h2,h1,h3,h4,h5,strong,b,i,em{font-weight: normal;font-size:14px;font-style: normal;}
table{width:100%; border-collapse:collapse;border-spacing:0;}
* {-webkit-tap-highlight-color: rgba(255,0,0,0);}


/* common */
.title h2{
  padding-left: 10px;
  color: #be242b;
  line-height: 16px;
  font-size: 16px;
  font-weight: bold;
  border-left: 2px solid #be242b;
}
.box_in{
  padding: 20px 15px;
  background: #fff;
  box-shadow: 0 0 5px rgba(154,154,154,0.5);
  border-radius: 3px;
}

.index_context_1 {
  display: flex;
  padding-top: 20px;
}
.index_context_1 .box{
  width: 30%;
  box-sizing: border-box;
}
.index_context_1 .box .title{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  color: #be242b;
}
.index_context_1 .box .box_in{
  height: 425px;
  box-sizing: border-box;
  overflow: hidden;
}
.index_context_1 .box.box_b{
  width: 40%;
  padding: 0 20px;
}
.index_context_1 .hd{ 
  height:48px; 
  line-height:48px; 
  background:#f4f4f4; 
  padding:0;   
  border-bottom:1px solid #ddd;  
  position:relative; 
}
.index_context_1 .hd ul{ 
  float:left;  
  position:absolute; 
  height:48px;   
  padding: 0
}
.index_context_1 .hd ul li{ 
  float:left; 
  padding:0 15px;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid transparent;
  border-top: 2px solid transparent;
  cursor:pointer; 
}
.index_context_1 .hd ul li.on{ 
  height:48px;  
  background:#fff; 
  color: #ae1121;
  border:1px solid #ddd; 
  border-bottom:2px solid #fff;
  border-top: 2px solid #be242b;
}
.index_context_1 .hd .more{  
  position:absolute; 
  right:10px; 
  top:0; 
}

.index_context_1 .box dl{
  display: flex;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px dashed #f0f0f0;
}
.index_context_1 .box dt{
  flex-shrink: 0;
  width: 100px;
  padding-right: 10px;
}
.index_context_1 .box dd{
  overflow: hidden;
}
.index_context_1 .box dd p{
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.index_context_1 .box h3,
.index_context_1 .box ul p{
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.index_context_1 .box h3{
  padding-bottom: 5px;
  color: #262626;
  font-weight: bold;
}
.index_context_1 .box p{
  color: #878787;
}
.index_context_1 .box li{
  padding: 10px 0;
  border-bottom: 1px dashed #f0f0f0;
}

/* box_b */
.index_context_1 .box_b .box_in{
  padding: 0;
}
.index_context_1 .box_b .title{
  background: #f8f8f8;
  border-bottom: 1px solid #e3e3e3;
}
.index_context_1 .box_b .title span{
  display: inline-block;
  padding: 10px 15px;
  border-top: 2px solid transparent;
}
.index_context_1 .box_b .title span.active{
  background: #fff;
  color: #be242b;
  border-top: 2px solid #be242b;
}
.index_context_1 .box_b .title a{
  padding-right: 15px;
}
.index_context_1 .box_b dl{
  padding: 10px 15px;
}
.index_context_1 .box_b .item ul{
  padding: 0 15px;
}
.index_context_1 .box_b li a{
 display: flex;
 align-items: center;
 padding: 6px 0;
}
.index_context_1 .box_b li h3{
  padding: 0;
}
.index_context_1 .box_b li em{
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 10px;
  background: #be242b;
  border-radius: 50%;
}

.index_context_1 .box_c .tempWrap{
  height: 260px !important;
}

/* 广告图片 */
.index_context_2 {
  margin: 20px 0;
}

/* 会员服务 粤人刊 在线会员入口 */
.index_context_3 {
  display: flex;
}
.index_context_3 .box_left{
  width: 70%;
  padding-right: 20px;
}
.index_context_3 .box_left .box_in{
  height: 868px;
  box-sizing: border-box;
}
.index_context_3 .box_right{
  width: 30%;
}
.index_context_3 .inner_box{
  display: flex;
  flex-wrap: wrap;
}
.index_context_3 .inner_box .inner{
  width: 50%;
  padding-top: 20px;
  box-sizing: border-box;
}
.index_context_3 .inner_box .inner:nth-child(even){
  padding-left: 10px;
}
.index_context_3 .inner_box .inner:nth-child(odd){
  padding-right: 10px;
}
.index_context_3 .inner_box .sub_title{
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  border-top: 2px solid #be242b;
}
.index_context_3 .inner_box .sub_title ul{
  display: flex;
  align-items: center;
}
.index_context_3 .inner_box .sub_title li{
  position: relative;
  /* padding: 0 10px; */
  cursor: pointer;
}
.index_context_3 .inner_box .sub_title li.on{
  color: #be242b;
}
.index_context_3 .inner_box .sub_title li:not(:last-child){
  padding-right: 10px;
}
.index_context_3 .inner_box .sub_title li:last-child{
  padding-left: 10px;
}
.index_context_3 .inner_box .sub_title li:not(:last-child)::after{
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  height: 15px;
  width: 2px;
  background: #ae1121;
  transform: translateY(-50%);
}
/* .index_context_3 .inner_box h3 .line{
  display: inline-block;
  padding: 0 10px;
  color: #ae1121;
}
.index_context_3 .inner_box .main{
  color: #ae1121;
} */

.index_context_3 .inner_box .news_list li{
  display: flex;
  padding: 15px 0;
  font-weight: bold;
  border-bottom: 1px solid #ebebeb;
}
.index_context_3 .inner_box .date{
  padding-right: 20px;
  color: #fc9b06;
}
.index_context_3 .inner_box li a{
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}

.index_context_3 .box_right a{
  display: block;
  padding: 24px 50px;
  font-weight: bold;
}
.index_context_3 .box_right .inner_box2{
  height: 530px;;
  margin-bottom: 20px;
  padding: 20px 15px 10px;
  box-sizing: border-box;
}
.index_context_3 .box_right  .inner_box3{
  height: 318px;
  box-sizing: border-box;
}
.index_context_3 .box_right .news_title{
  padding: 10px 0;
  font-size: 15px;
  color: #262626;
}
.index_context_3 .box_right .news_date{
  padding-bottom: 10px;
  color: #535353;
}
.index_context_3 .box_right .news_period{
  color: #878787;
}
.index_context_3 .box_right .inner_box2 img{
  border: 1px solid;
  border-left-color: #666;
  border-right-color: #666;
  border-top-color: #b4b3b3;
  border-bottom-color: #c7c6c6;
  box-shadow: 0px 2px 5px rgba(154, 154, 154, 0.5);
}

/* 服务快车道 */
.index_context_4{
  padding: 20px 0;
}
.index_context_4 ul{
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding-top: 20px;
  text-align: center;
  /* line-height: 42px; */
  font-weight: bold;
}
.index_context_4 ul .ico{
  padding-bottom: 15px;
}

/* 会员风采  招贤纳士  优秀会员单位 */
.index_context_5{
  display: flex;
}
.index_context_5 .box.box_c{
  padding: 0 20px;
}
.index_context_5 .box{
  flex: 1;
  height: 400px;
}
.index_context_5 .box .title{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.index_context_5 .box .box_in{
  height: 350px;
}
.index_context_5 .inner{
  height: 310px;
  padding-top: 20px;
  overflow: hidden;
}
.index_context_5 .box_f .inner{
  padding: 60px 0;
}

.index_context_5 .box_c li{
  display: flex;
  padding: 15px 0;
  font-weight: bold;
  border-bottom: 1px solid #ebebeb;
}
.index_context_5 .box_c li{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.index_context_5 .box_c li:first-child{
  padding-top: 0;
}
.index_context_5 .date{
  padding-right: 20px;
  color: #fc9b06;
}
.index_context_5 .box_r ul{
  display: flex;
  flex-wrap: wrap;
}
.index_context_5 .box_r li{
  width: 50%;
  padding-bottom: 20px;
  box-sizing: border-box;
}
.index_context_5 .box_r li:nth-child(odd){
  padding-right: 10px;
}
.index_context_5 .box_r li:nth-child(even){
  padding-left: 10px;
}

/* 友情链接 */
.index_context_6 {
  padding: 20px 0;
  margin-top: 20px;
  background: #fff;
}
.index_context_6 ul{
  padding-top: 20px;
}
.index_context_6 li{
  display: inline-block;
  padding-bottom: 5px;
}
.index_context_6 li a{
  display: block;
  padding: 0 10px;
  color: #808080;
}
.index_context_6 li a:hover{
  color: #181818;
}
.index_context_6 li:not(:last-child) a{
  border-right: 1px solid #989898;
}

/* tab slider */
.tabSlider .bd .item{
  display: none;
}
.tabSlider .bd .item.show{
  display: block;
}
